$(document).ready(function () {
	
	
	//当日正常是数据
    var todaynormal={};
    
    $.ajax({
		async:false, //同步骤执行，即从后台获取json数据以后才本地装载jqgrid数据
		cache:false,
		type:'POST',
		dataType:"json",
	//	contentType: 'application/json; charset=utf-8',//设置编码格式
	//	url:"<%=request.getContextPath()%>"+"/cn/gw/web/action/PeopleAction_list.action",	
		url:"CheckInfoAction_todaynormal.action",
		error:function() {
			alert("查询失败。");
		},
		success:function(data) {
			
		    todaynormal = data;
		    /*var lengthnum=0;
		    $.each(todaynormal,function(i,obj){
		    	lengthnum++;
		    	alert(lengthnum);
		    });*/
		    
		    
		}
	});
    
    
    //当日异常的数据
    var todayabnormal={};
    
    $.ajax({
		async:false, //同步骤执行，即从后台获取json数据以后才本地装载jqgrid数据
		cache:false,
		type:'POST',
		dataType:"json",
	//	contentType: 'application/json; charset=utf-8',//设置编码格式
	//	url:"<%=request.getContextPath()%>"+"/cn/gw/web/action/PeopleAction_list.action",	
		url:"CheckInfoAction_todayabnormal.action",
		error:function() {
			alert("查询失败。");
			
		},
		success:function(data) {
			
		    todayabnormal= data;
		}
	});
	
    //3日异常的数据
    var abnormal3={};
    
    $.ajax({
		async:false, //同步骤执行，即从后台获取json数据以后才本地装载jqgrid数据
		cache:false,
		type:'POST',
		dataType:"json",	
		url:"CheckInfoAction_abnormal3.action",
		error:function() {
			alert("查询失败。11111");
			
		},
		success:function(data) {
			
		    abnormal3= data;
		}
	});
    
    //6日异常的数据
    var abnormal6={};
    
    $.ajax({
		async:false, //同步骤执行，即从后台获取json数据以后才本地装载jqgrid数据
		cache:false,
		type:'POST',
		dataType:"json",	
		url:"CheckInfoAction_abnormal6.action",
		error:function() {
			alert("查询失败。");
		},
		success:function(data) {
		    abnormal6= data;
		}
	});

    //30日正常的数据
    var normal30={};
    
    $.ajax({
		async:false, //同步骤执行，即从后台获取json数据以后才本地装载jqgrid数据
		cache:false,
		type:'POST',
		dataType:"json",	
		url:"CheckInfoAction_normal30.action",
		error:function() {
			alert("查询失败。");		
		},
		success:function(data) {
		    normal30= data;
		}
	});
    
    //30日内有6日以上异常的数据
    var abnormal30of6={};
    
    $.ajax({
		async:false, //同步骤执行，即从后台获取json数据以后才本地装载jqgrid数据
		cache:false,
		type:'POST',
		dataType:"json",	
		url:"CheckInfoAction_abnormal30of6.action",
		error:function() {
			alert("查询失败。");	
		},
		success:function(data) {
		    abnormal30of6= data;
		}
	});
    $(function(){
    	baidumap();
    })
    function baidumap(lengthnum){}
    //百度地图，麻点显示；当日正常的点
    var map = new BMap.Map("map", {});                        // 创建Map实例
    map.centerAndZoom(new BMap.Point(103.73, 36.03), 9);     // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(); //启用滚轮放大缩小

    if (document.createElement('canvas').getContext) {  // 判断当前浏览器是否支持绘制海量点
        var points = [];  // 添加海量点数据
        
        /*for (var i = 0; i < data.data.length; i++) {
            points.push(new BMap.Point(data.data[i][0], data.data[i][1]));
        }*/
        
        $.each(todaynormal,function(i,obj){
        	points.push(new BMap.Point(obj.lng,obj.lat));
        });  
        var options = {
            size: BMAP_POINT_SIZE_SMALL,
            shape: BMAP_POINT_SHAPE_CIRCLE,
            color: '#008000'
        }
        var pointCollection = new BMap.PointCollection(points, options);  // 初始化PointCollection
        pointCollection.addEventListener('click', function (e) {
        	alert('单击点的坐标为：' + e.point.lng + ',' + e.point.lat); 
        });
        /*var pointCollection2 = new BMap.PointCollection(points2, options2);  // 初始化PointCollection
        pointCollection.addEventListener('click', function (e) {
            alert('单击点的坐标为：' + e.point2.lng + ',' + e.point2.lat);  // 监听点击事件
        });*/

        map.addOverlay(pointCollection);  // 添加Overlay
        /*map.addOverlay(pointCollection2);*/
    } else {
        alert('请在chrome、safari、IE8+以上浏览器查看本示例');
    }

    //当日异常的点
    var map2 = new BMap.Map("map2", {});                        // 创建Map实例
    map2.centerAndZoom(new BMap.Point(103.73, 36.03), 9);     // 初始化地图,设置中心点坐标和地图级别
    map2.enableScrollWheelZoom();                        //启用滚轮放大缩小
    if (document.createElement('canvas').getContext) {  // 判断当前浏览器是否支持绘制海量点
        var points2 = [];  // 添加海量点数据
        /*for (var i = 0; i < data2.data2.length; i++) {
            points2.push(new BMap.Point(data2.data2[i][0], data2.data2[i][1]));
        }*/
        
        $.each(todayabnormal,function(i,obj){
        	points2.push(new BMap.Point(obj.lng,obj.lat));
        }); 
        
        var options2 = {                                        // 创建覆盖物样式 异常的红点
            size: BMAP_POINT_SIZE_SMALL,
            shape: BMAP_POINT_SHAPE_CIRCLE,
            color: '#f65541'
        }
        var pointCollection = new BMap.PointCollection(points2, options2);  // 初始化PointCollection
        pointCollection.addEventListener('click', function (e) {
            alert('单击点的坐标为：' + e.point.lng + ',' + e.point.lat);  // 监听点击事件
        });
        map2.addOverlay(pointCollection);  // 添加Overlay
    } else {
        alert('请在chrome、safari、IE8+以上浏览器查看本示例');
    }

    //3日异常的点
    var map3 = new BMap.Map("map3", {});                        // 创建Map实例
    map3.centerAndZoom(new BMap.Point(103.73, 36.03), 9);     // 初始化地图,设置中心点坐标和地图级别
    map3.enableScrollWheelZoom();                        //启用滚轮放大缩小
    if (document.createElement('canvas').getContext) {  // 判断当前浏览器是否支持绘制海量点
        var points = [];  // 添加海量点数据
        /*for (var i = 0; i < data.data.length; i++) {
            points.push(new BMap.Point(data.data[i][0], data.data[i][1]));
        }*/
        
        $.each(abnormal3,function(i,obj){
        	points.push(new BMap.Point(obj.lng,obj.lat));
        }); 
        
        var options2 = {                                        // 创建覆盖物样式 异常的红点
            size: BMAP_POINT_SIZE_SMALL,
            shape: BMAP_POINT_SHAPE_CIRCLE,
            color: '#f65541'
        }
        var pointCollection = new BMap.PointCollection(points, options2);  // 初始化PointCollection
        pointCollection.addEventListener('click', function (e) {
            alert('单击点的坐标为：' + e.point.lng + ',' + e.point.lat);  // 监听点击事件
        });
        map3.addOverlay(pointCollection);  // 添加Overlay
    } else {
        alert('请在chrome、safari、IE8+以上浏览器查看本示例');
    }

    //6日异常的点
    var map4 = new BMap.Map("map4", {});                        // 创建Map实例
    map4.centerAndZoom(new BMap.Point(103.73, 36.03), 9);     // 初始化地图,设置中心点坐标和地图级别
    map4.enableScrollWheelZoom();                        //启用滚轮放大缩小
    if (document.createElement('canvas').getContext) {  // 判断当前浏览器是否支持绘制海量点
        var points = [];  // 添加海量点数据
        /*for (var i = 0; i < data.data.length; i++) {
            points.push(new BMap.Point(data.data[i][0], data.data[i][1]));
        }*/
        
        $.each(abnormal6,function(i,obj){
        	points.push(new BMap.Point(obj.lng,obj.lat));
        }); 
        
        var options2 = {                                        // 创建覆盖物样式 异常的红点
            size: BMAP_POINT_SIZE_SMALL,
            shape: BMAP_POINT_SHAPE_CIRCLE,
            color: '#f65541'
        }
        var pointCollection = new BMap.PointCollection(points, options2);  // 初始化PointCollection
        pointCollection.addEventListener('click', function (e) {
            alert('单击点的坐标为：' + e.point.lng + ',' + e.point.lat);  // 监听点击事件
        });
        map4.addOverlay(pointCollection);  // 添加Overlay
    } else {
        alert('请在chrome、safari、IE8+以上浏览器查看本示例');
    }
    //30日正常的点
    var map5 = new BMap.Map("map5", {});                        // 创建Map实例
    map5.centerAndZoom(new BMap.Point(103.73, 36.03), 9);     // 初始化地图,设置中心点坐标和地图级别
    map5.enableScrollWheelZoom();                        //启用滚轮放大缩小
    if (document.createElement('canvas').getContext) {  // 判断当前浏览器是否支持绘制海量点
        var points = [];  // 添加海量点数据
        /*for (var i = 0; i < data6.data6.length; i++) {
            points.push(new BMap.Point(data6.data6[i][0], data6.data6[i][1]));
        }*/
        
        $.each(normal30,function(i,obj){
        	points.push(new BMap.Point(obj.lng,obj.lat));
        }); 
        
        var options = {                                        // 创建覆盖物样式 异常的红点
            size: BMAP_POINT_SIZE_SMALL,
            shape: BMAP_POINT_SHAPE_CIRCLE,
            color: '#008000'
        }
        var pointCollection = new BMap.PointCollection(points, options);  // 初始化PointCollection
        pointCollection.addEventListener('click', function (e) {
            alert('单击点的坐标为：' + e.point.lng + ',' + e.point.lat);  // 监听点击事件
        });
        map5.addOverlay(pointCollection);  // 添加Overlay
    } else {
        alert('请在chrome、safari、IE8+以上浏览器查看本示例');
    }
    //30日6日以上异常的点
    var map6 = new BMap.Map("map6", {});                        // 创建Map实例
    map6.centerAndZoom(new BMap.Point(103.73, 36.03), 9);     // 初始化地图,设置中心点坐标和地图级别
    map6.enableScrollWheelZoom();                        //启用滚轮放大缩小
    if (document.createElement('canvas').getContext) {  // 判断当前浏览器是否支持绘制海量点
        var points = [];  // 添加海量点数据
        /*for (var i = 0; i < data.data.length; i++) {
            points.push(new BMap.Point(data.data[i][0], data.data[i][1]));
        }*/
        
        $.each(abnormal30of6,function(i,obj){
        	points.push(new BMap.Point(obj.lng,obj.lat));
        }); 
        
        var options2 = {                                        // 创建覆盖物样式 异常的红点
            size: BMAP_POINT_SIZE_SMALL,
            shape: BMAP_POINT_SHAPE_CIRCLE,
            color: '#f65541'
        };
        var pointCollection = new BMap.PointCollection(points, options2);  // 初始化PointCollection
        pointCollection.addEventListener('click', function (e) {
            alert('单击点的坐标为：' + e.point.lng + ',' + e.point.lat);  // 监听点击事件
        });
        map6.addOverlay(pointCollection);  // 添加Overlay
    } else {
        alert('请在chrome、safari、IE8+以上浏览器查看本示例');
    }

    
    //li切换
    $("ul.menuz").find("li").each(function () {
        $(this).click(function () {
            var indexval = $(this).index();
            $(".main2").css("display", "none");
            $(".main").css("display", "block");
            $(this).addClass("liactive");
            $(this).siblings().removeClass("liactive");
            //alert(indexval);
            $(".content").find(".mapa").eq(indexval).removeClass("dismaps").siblings(".mapa").addClass("dismaps");        //显示当前的地图
            $(".content").find(".tablea").eq(indexval).removeClass("dismaps").siblings(".tablea").addClass("dismaps");    //显示当前的表格
            $(".main").find("span.contit").text($(this).text());
            //alert($(this).html());
        });
    });
/*
    //iframe层-父子操作
    $('.submit').click(function () {
        layer.open({
            type: 2,
            area: ['80%', '80%'],
            fixed: true, //不固定
            maxmin: true,
            content: 'alllayer.html'
        });
    });
*/
    $('.point_set').click(function () {
        layer.open({
            type: 2,
            area: ['80%', '80%'],
            fixed: true, //不固定
            maxmin: true,
            content: 'setpoint.html',
            title: '坐标设置'
        });
    });
    $('.watch_set').click(function () {
        layer.open({
            type: 2,
            area: ['80%', '80%'],
            fixed: true, //不固定
            maxmin: true,
            content: 'setwatch.html',
            title: '值班信息'
        });
    });
    $('.people_set').click(function () {
        layer.open({
            type: 2,
            area: ['80%', '80%'],
            fixed: true, //不固定
            maxmin: true,
            content: 'setpeople.html',
            title: '人员配置'
        });
    });

    //jsgrid表格插件
    $.jgrid.defaults.styleUI = 'Bootstrap';
    
    
    
    // Configuration for jqGrid Example 1
    $("#list2").jqGrid({
      //  data: mydata,
    	data: todaynormal,
        datatype: "local",
        height: "90%",
        autowidth: true,
        shrinkToFit: true,
        rowNum: 10,
        rowList: [10, 20, 30],
        colNames: ['日期', '地址', '状态'],
        colModel: [
            {
                name: 'date',
                index: 'date',
                width: 30,
                sorttype: "date"
            },
            {
                name: 'addr',
                index: 'addr',
                width: 50,
                sorttype: "int"
            },
            {
                name: 'state',
                index: 'state',
                width: 20
            }
        ],
        pager: "#pager2",
        viewrecords: false,
        caption: "",
        hidegrid: false
    });
    // Configuration for jqGrid Example 2
    

    
    $("#list22").jqGrid({
       // data: mydata2,
    	data: todayabnormal,
        datatype: "local",
        height: "90%",
        //width: "200rem",
        autowidth: true,
        shrinkToFit: true,
        rowNum: 10,
        rowList: [10, 20, 30],
        colNames: ['日期', '地址', '状态'],
        colModel: [
            {
                name: 'date',
                index: 'date',
                width: "30%",
                sorttype: "date"
            },
            {
                name: 'addr',
                index: 'addr',
                width: "50%",
                sorttype: "int"
            },
            {
                name: 'state',
                index: 'state',
                width: "20%"
            }
        ],
        pager: "#pager22",
        viewrecords: false,
        caption: "",
        hidegrid: false
    });
    $(window).resize(function () {
        $("#gbox_list22").setGridWidth($(window).width(),true);
    });

    // Configuration for jqGrid Example 3
    $("#list23").jqGrid({
        data: abnormal3,
    //	data: mydata,
        datatype: "local",
        height: "90%",
        autowidth: true,
        shrinkToFit: true,
        rowNum: 10,
        rowList: [10, 20, 30],
        colNames: ['日期', '地址', '状态'],
        colModel: [
            {
                name: 'date',
                index: 'date',
                width: "30%",
                sorttype: "date"
            },
            {
                name: 'addr',
                index: 'addr',
                width: "50%",
                sorttype: "int"
            },
            {
                name: 'state',
                index: 'state',
                width: "20%"
            }
        ],
        pager: "#pager23",
        viewrecords: false,
        caption: "",
        hidegrid: false
    });
    // Configuration for jqGrid Example 4
    
    
    $("#list24").jqGrid({
        data: abnormal6,
    //	data: mydata,
        datatype: "local",
        height: "90%",
        autowidth: true,
        shrinkToFit: true,
        rowNum: 10,
        rowList: [10, 20, 30],
        colNames: ['日期', '地址', '状态'],
        colModel: [
            {
                name: 'date',
                index: 'date',
                width: "30%",
                sorttype: "date"
            },
            {
                name: 'addr',
                index: 'addr',
                width: "50%",
                sorttype: "int",
                formatter: "int"
            },
            {
                name: 'state',
                index: 'state',
                width: "20%"
            }
        ],
        pager: "#pager24",
        viewrecords: false,
        caption: "",
        hidegrid: false
    });
    // Configuration for jqGrid Example 5
    

    
    $("#list25").jqGrid({
        data: normal30,
    //	data: mydata,
        datatype: "local",
        height: "90%",
        autowidth: true,
        shrinkToFit: true,
        rowNum: 10,
        rowList: [10, 20, 30],
        colNames: ['日期', '地址', '状态'],
        colModel: [
            {
                name: 'date',
                index: 'date',
                width: "30%",
                sorttype: "date"
            },
            {
                name: 'addr',
                index: 'addr',
                width: "50%",
                sorttype: "int"
            },
            {
                name: 'state',
                index: 'state',
                width: "20%"
            }
        ],
        pager: "#pager25",
        viewrecords: false,
        caption: "",
        hidegrid: false
    });
    // Configuration for jqGrid Example 6
    
    
    $("#list26").jqGrid({
        data: abnormal30of6,
        datatype: "local",
        height: "90%",
        autowidth: true,
        shrinkToFit: true,
        rowNum: 10,
        rowList: [10, 20, 30],
        colNames: ['日期', '地址', '状态'],
        colModel: [
            {
                name: 'date',
                index: 'date',
                width: "30%",
                sorttype: "date"
            },
            {
                name: 'addr',
                index: 'addr',
                width: "50%",
                sorttype: "int"
            },
            {
                name: 'state',
                index: 'state',
                width: "20%"
            }
        ],
        pager: "#pager26",
        viewrecords: false,
        caption: "",
        hidegrid: false,
    });

    //$(window).resize(function () {
    //    $("#list22").setGridWidth($(window).width());
    //    $("#list23").setGridWidth($(window).width());
    //    $("#list24").setGridWidth($(window).width());
    //    $("#list25").setGridWidth($(window).width());
    //    $("#list26").setGridWidth($(window).width());
    //});
    //修改表格宽度，jsgrid不能自适应窗口大小问题
    //list22
    $("#gbox_list22").css("width", "100%");
    $("#gview_list22").css("width", "100%");
    $("#gview_list22").find(".ui-jqgrid-hdiv").css("width", "100%");
    $("#gview_list22").find(".ui-jqgrid-htable").css("width", "100%");
    $("#gview_list22").find(".ui-jqgrid-btable").css("width", "100%");
    $("#gview_list22").find(".ui-jqgrid-bdiv").css("width", "100%");
    $("#gview_list22").find(".ui-jqgrid-btable").find("td").eq(0).css("width", "30%");
    $("#gview_list22").find(".ui-jqgrid-btable").find("td").eq(1).css("width", "50%");
    $("#gview_list22").find(".ui-jqgrid-btable").find("td").eq(2).css("width", "20%");
    $("#pager22").css("width", "100%");
    //list23
    $("#gbox_list23").css("width", "100%");
    $("#gview_list23").css("width", "100%");
    $("#gview_list23").find(".ui-jqgrid-hdiv").css("width", "100%");
    $("#gview_list23").find(".ui-jqgrid-htable").css("width", "100%");
    $("#gview_list23").find(".ui-jqgrid-btable").css("width", "100%");
    $("#gview_list23").find(".ui-jqgrid-bdiv").css("width", "100%");
    $("#gview_list23").find(".jqgfirstrow").find("td").eq(0).css("width", "30%");
    $("#gview_list23").find(".jqgfirstrow").find("td").eq(1).css("width", "50%");
    $("#gview_list23").find(".jqgfirstrow").find("td").eq(2).css("width", "20%");
    $("#pager23").css("width", "100%");
    //list24
    $("#gbox_list24").css("width", "100%");
    $("#gview_list24").css("width", "100%");
    $("#gview_list24").find(".ui-jqgrid-hdiv").css("width", "100%");
    $("#gview_list24").find(".ui-jqgrid-htable").css("width", "100%");
    $("#gview_list24").find(".ui-jqgrid-btable").css("width", "100%");
    $("#gview_list24").find(".ui-jqgrid-bdiv").css("width", "100%");
    $("#gview_list24").find(".jqgfirstrow").find("td").eq(0).css("width", "30%");
    $("#gview_list24").find(".jqgfirstrow").find("td").eq(1).css("width", "50%");
    $("#gview_list24").find(".jqgfirstrow").find("td").eq(2).css("width", "20%");
    $("#pager24").css("width", "100%");
    //list25
    $("#gbox_list25").css("width", "100%");
    $("#gview_list25").css("width", "100%");
    $("#gview_list25").find(".ui-jqgrid-hdiv").css("width", "100%");
    $("#gview_list25").find(".ui-jqgrid-htable").css("width", "100%");
    $("#gview_list25").find(".ui-jqgrid-btable").css("width", "100%");
    $("#gview_list25").find(".ui-jqgrid-bdiv").css("width", "100%");
    $("#gview_list25").find(".jqgfirstrow").find("td").eq(0).css("width", "30%");
    $("#gview_list25").find(".jqgfirstrow").find("td").eq(1).css("width", "50%");
    $("#gview_list25").find(".jqgfirstrow").find("td").eq(2).css("width", "20%");
    $("#pager25").css("width", "100%");
    //list26
    $("#gbox_list26").css("width", "100%");
    $("#gview_list26").css("width", "100%");
    $("#gview_list26").find(".ui-jqgrid-hdiv").css("width", "100%");
    $("#gview_list26").find(".ui-jqgrid-htable").css("width", "100%");
    $("#gview_list26").find(".ui-jqgrid-btable").css("width", "100%");
    $("#gview_list26").find(".ui-jqgrid-bdiv").css("width", "100%");
    $("#gview_list26").find(".jqgfirstrow").find("td").eq(0).css("width", "30%");
    $("#gview_list26").find(".jqgfirstrow").find("td").eq(1).css("width", "50%");
    $("#gview_list26").find(".jqgfirstrow").find("td").eq(2).css("width", "20%");
    $("#pager26").css("width", "100%");
})
